<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>购物车页</title>
    <link rel="shortcut icon" href="../images/oppo.ico">
    <meta name="referrer" content="never">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2825001_8wdx6usmzxm.css">
    <script src="../lib/js/jquery.js"></script>
    <script src="../lib/bootstrap.js"></script>
    <script src="../lib/js/cookie.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../lib/js/ajax.js"></script>
</head>

<body>
    <div id="header">
        <div class="container">
            <ul>
                <li><a href="">欢太品牌</a></li>
                <li><a href="">欢太云服务</a></li>
                <li><a href="">软件商店</a></li>
                <li><a href="">健康</a></li>
            </ul>
            <ol class="login">
                <li><a href="">欢太商城APP</a></li>
                <li><a href="./login.html"><i class="iconfont icon-yonghu"></i><span>登录</span>
                    </a></li>
                <li><a href="./register.html">注册</a></li>
                <li><a href="../html/cart.html"><i class="iconfont icon-gouwuchekong"></i><span>购物车</span><span class="qwe">0</span></a></li>
            </ol>
        </div>
    </div>
    <div id="nav">
        <div class="con">
            <h1><img src="../images/logo_03.jpg" alt=""></h1>
            <div class="nav_box">
                <a href="../html/list.html">OPPO专区 </a>
                <a href="">OnePlus专区</a>
                <a href="">realme专区</a>
                <a href="">智能硬件</a>
                <a href="">潮流好物</a>
                <a href="">服务</a>
            </div>
            <input type="text" placeholder="OPPO K9 PRO">
        </div>
    </div>
    <!-- 购物车列表 -->
    <div class="wrap cart">
        <div class="slide">
            <span>全部商品</span>
            <div class="num">0</div>
            <span>降价商品
            </span>
        </div>
        <div class="content">
            <!-- <div class="empty">
                <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/dd9b2d3.png" alt="">
                <h5>购物车还没有商品</h5>
                <p><a class="btn btn-danger btn-lg" href="list.html" role="button">去列表页逛逛</a></p>
            </div> -->
            <table class="table">
                <thead>
                    <tr>
                        <th><input type="checkbox" name="selectAll"></th>
                        <th>商品图片</th>
                        <th>商品名称</th>
                        <th>商品价格</th>
                        <th>商品数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
                <tfoot>
                    <tr>
                        <td><input type="checkbox" name="selectAll"></td>
                        <td colspan="2">商品总数：￥<span class="totalNum">0</span></td>
                        <td colspan="2">商品总价：￥<span class="totalPrice">0</span></td>
                        <td><a class="btn btn-primary" href="list.html">回列表页</a></td>
                        <td><a class="btn btn-warning" href="clear.html">去结算</a></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</body>

</html>
<script src="../js/cart.js"></script>